<template>
  <div id="app">
    <router-view/>
    <p id="notRoute">你好，{{ zs }},我是非路由组件的内容，哈哈</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const zs = ref('堂吉诃德'); 
</script>
<style lang="scss">
  #notRoute{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%);
    color:#f106ba;
  }
</style>